/* eslint-disable react-native/no-inline-styles */
import React, {Component} from 'react';
import {Text, View, StyleSheet} from 'react-native';

/**
 * StyleSheet练习
 */

export default class index extends Component {
  render() {
    return (
      <View>
        <Text style={{fontSize: 30}}> textInComponent </Text>
        <Text style={[{fontSize: 30}, {color: 'blue'}]}> textInComponent </Text>
        <Text style={[styles.h1]}>Hello RN</Text>
        <Text style={[styles.h2]}>Hello RN</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  h1: {
    fontSize: 40,
    fontWeight: 'bold',
  },
  h2: {
    fontSize: 30,
    fontWeight: 'bold',
  },
});
